.tree {
    display: flex;
    border-right: 1px solid #e6e6e6;
     border-bottom: 1px solid #e6e6e6;
    height: 100%;
    .triangle {
      width: 40px;
      height: 40px;
      // background: firebrick;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .main {
      flex: 100;
      // max-width: 500px;
      // background: teal;
      display: flex;
      flex-direction: column;
      margin: 0 10px;
      .main_top {
        height: 40px;
        display: flex;
        .main_top_left {
          width: 60px;
          margin: 5px 5px;
          .btn{
              width: 100%;
             
              border: none;
          }
        }
        .main_top_middle {
          flex: 100;
          margin: 5px 5px;
          .btn{
              width: 100%;
              
               border: none;
          }
        }
        .main_top_right {
          width: 60px;
          margin: 5px 5px;
          .btn{
              width: 100%;
              
               border: none;
          }
        }
      }
      .main_botttom {
        flex: 100;
      }
    }
  }